<template>
	<view class="content">
		<view style="padding: 8rpx 24rpx;">
			<g-title-wrap label="基础样式" label-width="280">
				<g-button type="primary" style="margin:4rpx;">确认</g-button>
				<g-button type="success" style="margin:4rpx;">确认</g-button>
				<g-button type="warning" style="margin:4rpx;">确认</g-button>
				<g-button type="danger" style="margin:4rpx;">确认</g-button>
				<g-button type="info" style="margin:4rpx;">确认</g-button>
			</g-title-wrap>
		</view>
		<g-divider></g-divider>
		<view style="padding: 8rpx 24rpx;">
			<g-title-wrap label="朴素状态(plain)" label-width="280">
				<g-button type="primary" style="margin:4rpx;" plain>确认</g-button>
				<g-button type="success" style="margin:4rpx;" plain>确认</g-button>
				<g-button type="warning" style="margin:4rpx;" plain>确认</g-button>
				<g-button type="danger" style="margin:4rpx;" plain>确认</g-button>
				<g-button type="info" style="margin:4rpx;" plain>确认</g-button>
			</g-title-wrap>
		</view>
		<g-divider></g-divider>
		<view style="padding: 8rpx 24rpx;">
			<g-title-wrap label="禁用状态(disabled)" label-width="280">
				<g-button type="primary" style="margin:4rpx;" plain>确认</g-button>
				<g-button type="primary" style="margin:4rpx;" plain disabled>确认</g-button>
				<g-button type="primary" style="margin:4rpx;">确认</g-button>
				<g-button type="primary" style="margin:4rpx;" disabled>确认</g-button>
			</g-title-wrap>
		</view>
		<g-divider></g-divider>
		<view style="padding: 8rpx 24rpx;">
			<g-title-wrap label="大小(size,disabled)" label-width="280">
				<g-button type="primary" style="margin:4rpx;" size="larger">确认</g-button>
				<g-button type="primary" style="margin:4rpx;" size="large" disabled>确认</g-button>
				<g-button type="primary" style="margin:4rpx;" size="middle">确认</g-button>
				<g-button type="primary" style="margin:4rpx;" size="mini">确认</g-button>
			</g-title-wrap>
		</view>
		<g-divider></g-divider>
		<view style="padding: 8rpx 24rpx;">
			<g-title-wrap label="大小(size,plain,disabled)" label-width="350">
				<g-button type="primary" style="margin:4rpx;" size="larger" plain>确认</g-button>
				<g-button type="primary" style="margin:4rpx;" size="large" plain disabled>确认</g-button>
				<g-button type="primary" style="margin:4rpx;" size="middle" plain>确认</g-button>
				<g-button type="primary" style="margin:4rpx;" size="mini" plain disabled>确认</g-button>
			</g-title-wrap>
		</view>
		<view style="padding: 8rpx 24rpx;">
			<g-title-wrap label="自定义(custom[w,h,r])" label-width="350"><g-button type="primary" :custom="[600, 80, 80]">+添加</g-button></g-title-wrap>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {}
};
</script>

<style></style>
